Stylus、CSS和HTML

2024-11-14 11:33:210 次浏览 投稿

浅析CSS实现超过3行折叠并显示...查看详情摘要：要实现效果如下：尾部带查看详情，前面有三个点省略号。之前单独看这个布局，即使借助 JavaScript 也不是一件容易的事啊（需要计算文字宽度动态截取文本，然后 append 上三个点和查看详情。vue-clamp 就是这么做的，包括很多博客也是这么讲的，但是讲真，如果是个列表，这种不断的判断，肯定阅读全文posted @ 2023-06-15 18:18 古兰精阅读(3467) 评论(0) 推荐(0) 编辑浅析重复线性渐变repeating-linear-gradient如何使用摘要：CSS3 线性渐变（linear-gradient）我们比较熟悉，但是有没有了解过重复线性渐变（repeating-linear-gradient）呢？ 一、重复线性渐变介绍 repeating-linear-gradient()函数创建一个由重复线性渐变组成的 。它类似于linear-gradie阅读全文posted @ 2022-05-06 22:32 古兰精阅读(738) 评论(0) 推荐(0) 编辑浅析CSS shapes布局及了解shape-outside属性及其应用摘要：一、CSS shapes 布局 shapes 表示形状，CSS Shapes 布局可以实现不规则形状的文字环绕效果，需要和浮动配合使用。 CSS shapes 布局相关属性并不多，主要是这 3 个属性：shape-outside、shape-margin、shape-image-threshold 阅读全文posted @ 2022-04-28 21:56 古兰精阅读(768) 评论(0) 推荐(0) 编辑浅析content-visibility属性了解提升长列表网页的渲染性能摘要：长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。因此我们会经常采用时间分片、虚拟滚动、分页、上拉加载